<!DOCTYPE html>
<html>

<head>
    <title>导航栏示例</title>
    <style>
        body {
            font-size: 12px;
            color: aqua;
        }

        .one {
            background-image: url(admin_top.gif);
            background-size: cover;
            background-repeat: no-repeat;
            width: 1003px;
            height: 100px;
        }

        ul {
            padding-top: 20px;
            padding-left: 400px;
            list-style-type: none;
            padding: 4;
            overflow: hidden;
        }

        li {
            padding-left: 20px;
            float: left;
        }

        .two {
            position: relative;
            display: inline-block;
        }

        .two img {
            display: block;
        }

        .two .text {
            position: absolute;
            color: aqua;
            font-size: 12px;
            font-weight: bold;
            padding: 15px;
            margin: 12px;
        }

        .ul1 {
            line-height: 40px;

        }

        .div1 {
            width: 234px;
            height: 350.3px;
            border: 0.5px solid;
        }

        .b {
            border-left-color: #666666;
            border-left-width: 1px;
        }

        .c {
            border-color: #c7c7c7;
            border-style: solid;
            border-width: 2px;
        }
    </style>
</head>

<body>
    <div class="one">
        <ul>
            <li>
                <img src="index_separate.gif" alt="">
            </li>
            <li>首页<br>Index</li>
            <li>
                <img src="index_separate.gif" alt="">
            </li>
            <li>产品介绍<br>Froduct</li>
            <li>
                <img src="index_separate.gif" alt="">
            </li>
            <li>解决方案<br>Scheme</li>
            <li>
                <img src="index_separate.gif" alt="">
            </li>
            <li>技术支持<br>Instructor</li>
            <li>
                <img src="index_separate.gif" alt="">
            </li>
            <li>客户渠道<br>channel</li>
            <li>
                <img src="index_separate.gif" alt="">
            </li>
            <li>论坛<br>forun</li>
        </ul>
    </div>
    <div class="two">
        <img src="11111(1).jpg" alt="热点新闻" width="1003px" height="300px" style="align-content: center ;">
        <div class="text" style="position: absolute; top:1px; left: 0px;">2024年12月3日</div>
        <div class="text" style="position: absolute; top:1px; left: 420px; ">设为首页</div>
        <div class="text" style="position: absolute; top:1px; left: 560px; ">收集本站</div>
        <div class="text" style="position: absolute; top:1px; left: 710px; ">联系我们</div>
        <div class="text" style="position: absolute; top:1px; left: 850px; ">关于本站</div>
    </div>
    <div class="div1">
        <img src="index_bbs.gif" alt="网络公告" style="width:px; height:px;" />

        <ul1>
            <li type="square">思念是风是去是婵娟</li>
            <li type="square">刘欣正在测试程序</li>
            <li type="square">Flass大赛公告标题</li>
            <li type="square">公告标题添加公告</li>
            <li type="square">明日科技对图书的改革</li>
        </ul1>

        <img src="index_tools_dlS.gif" alt="工具软件下载排行" style="width:px; height:px;">
    </div>
    <table width="527px" cellspacing="0px" >
        <tr height="33px"background="HTML综合练习1素材/index_07.gif">
          <td width="523px" align="right">更多</td>
        </tr>
        <tr><td class="c" valign="top"><table width="525px"><tr><td width="1"><hr color="c7c7c7" size="200px" width="1px"></td><td class="b" width="303" valign="top"><table><tr>
          <td background="HTML综合练习1素材/ashline_foot.gif"><img src="HTML综合练习1素材/admin_ico.gif" >新一代电脑问世</td></tr>
     <tr><td ><img src="HTML综合练习1素材/rect.gif" >搜索新闻</td></tr>
      <tr><td background="HTML综合练习1素材/ashline_foot.gif"><img src="HTML综合练习1素材/admin_ico.gif" >微软</td></tr>
      <tr><td><img src="HTML综合练习1素材/rect.gif" >沃达丰今年推新产品</td></tr>
       <tr>
         <td background="HTML综合练习1素材/ashline_foot.gif"><img src="HTML综合练习1素材/admin_ico.gif">电子产品污染有控制</td></tr>
        <td ><img src="HTML综合练习1素材/rect.gif" >微软新闻</td></tr>
      <tr>
       <td background="HTML综合练习1素材/ashline_foot.gif"><img src="HTML综合练习1素材/admin_ico.gif" >汉芯一代将问世</td></tr>
      <td width="466px" ><img src="HTML综合练习1素材/rect.gif" >AMD处理器2006年度最新蓝图</td>
       </tr>
     </table></td></tr>
      </table>
</body>

</html>